iT邦幫忙

2022 iThome 鐵人賽

DAY 1
1

在 HTML 的標籤組成中,常會為了讓標籤更加符合我們的需求,好對標籤元素增加更多說明和功能,會增加屬性和值,屬性的英文稱為 attribute。屬性後通常會加個=的符號,然後接值,值在英文裡被稱為 value,常見寫法如下:

attribute = “value”

說明:以 <p></p> 標籤為例,屬性通常會放在起始標籤後接半形空格,並會用等於(=)帶出需要的值,而值會用引號(“”) 包住。

<p arttribut="value"></p>

屬性和值有些特性需要特別留意

  • 用半形英文文字和符號
    通常大寫和小寫都可以讓瀏覽器正確判讀,但建議一致以小寫為主。
    雖然我們都知道屬性是為了幫助標籤做更多的客製化設定,但很多人對於屬性可能還是有點模糊,那我這邊就稍微做些說明,屬性的用意是希望在標籤之下,可以針對這個標籤做更多的變化和設計細節,用比較白話的例子來說,就好像你今天有本書,就可以用屬性來做書本尺寸設定,增加自己喜歡的樣式等想要的需求。

不同的屬性可以搭配出各式各樣不同的值,有些屬性會有預設可以搭配的值,當然也可以自定義。
接下來三十天將為大家介紹更多不同的屬性和值所帶來的效果!


下一篇
Day 02 src 屬性介紹
系列文
一日一屬性,HTML 基礎一定行30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言